<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/first.css">
    <link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
  <link rel="stylesheet" href="./css/rank.css">
</head>

<body>
    <div class="body">
        <div class="top">

            <img width="233" height="65" src="./img/zh.png" alt="">

            <div class="search">
                <input type="text" class="ipt" name="" id="">
                <div class="sear">
                    <img src="./img/sousuo.png" alt="">
                </div>
            </div>

            <div class="top-left">
                <span>充值</span><span>注册</span><span onclick="rank5()">
                    <img src="./img/pay.png" alt="">
                    登录</span>
            </div>

        </div>
        



        <div class="tabChange">
            <div onclick="index()" class="wbcolor">首页</div>
            <div class="nd" onclick="nd()">

            </div>
            <div class="wbcolor" onclick="rank0()">大神专区</div>
            <div class="wbcolor" onclick="rank1()">书库</div>
            <div onclick="rank()" class="wbcolor">排行</div>
            <div class="wbcolor" onclick="rank1()">完本</div>
            <div class="wbcolor" onclick="rank2()">征文专区</div>
            <div class="wbcolor" onclick="rank3()">纵横中文网</div>
            <div class="wbcolor" onclick="rank4()">漫画</div>
            <div class="wbcolor app" >移动端
                <div class="cattom" style="border-bottom: none;" >
                    <p>纵横小说   原创精品 </p>
                    <img src="img/a (2).png" alt=""  style="margin-top: 10px;">
                    <div class="icons" style="margin-top: 10px;">
                        <img src="img/aa (1).png" alt="">
                        <img src="img/a (3).png" alt="">
                        <img src="img/a (4).png" alt="">
                    </div>
                </div>
            </div>
            <div class="wbcolor" onclick="rank5()">作者专区</div>
            <div class="wbcolor" onclick="rank6()">签约政策</div>
            <div class="wbcolor" onclick="rank6()">投稿指南</div>
        </div>

<div class="bodys">
        <div class="fl">
            <div class="fls">
                <div class="one-fl">
                    <div class="txtfl">作品分类</div>
                    <ul class="noon">
                        <li>
                            <div class="yq"></div>
                            现代言情
                            <div class="yq" style="margin-left: 20px;"></div>
                            古代言情
                        </li>

                        <li>
                            <div class="yq"></div>
                            幻想言情
                            <div class="yq" style="margin-left: 20px;"></div>
                            衍生言情
                        </li>

                    </ul>
                </div>
                <div class="news">
                    <p>新闻与公告</p>
                    <div class="news-nr" >
                        <img src="./img/dang.jpeg" alt="">
                        <p>建党百年作品联展</p>
                    </div>
                    <ul class="new-list">
                        <li>
                            <span></span>
                            建党百年征文活动开启
                        </li>
                        <li>
                            <span></span>
                            新版纵横作家中心上线通知
                        </li>
                        <li>
                            <span></span>
                            未成年人专项举报通道
                        </li>
                        <li>
                            <span></span>
                            纵横文学新福利计划上线了
                        </li>
                        <li class="more">

                            查看更多
                            <span></span>
                        </li>
                    </ul>

                </div>

            </div>


            <div class="sw">
                <div class="swip">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="./img/sw1.jpeg" alt="">
                                <div class="sw-bottom">
                                    <p>
                                        且看一个成长于单亲家庭的女青年，如何在职场情场逆袭。
                                    </p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <img src="./img/sw2.jpeg" alt="">
                                <div class="sw-bottom">
                                    <p>
                                        离婚后，楚瑶意外获得能够联络17岁秦嘉淮的日记本。
                                    </p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <img src="./img/sw3.jpeg" alt="">
                                <div class="sw-bottom">
                                    <p>
                                        自此，京城谁人不知，那疯批世子，竟然成了宠妻狂魔。
                                    </p>

                                </div>
                            </div>
                            <div class="swiper-slide">
                                <img src="./img/sw4.jpeg" alt="">
                                <div class="sw-bottom">

                                    <p> 后来他动了心，她却只想离婚。</p>
                                </div>

                            </div>

                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>

                <div class="swp-txt">
                    <div class="swp-txtcon">
                        <P style="color: #FF0025; font-size: 16px; font-weight: 600; margin-left: 5px;">不原谅，不和离，重生母妃杀疯了
                        </P>
                        <P>〔她可是二十一世纪的毒医杀手，谁知道自己的师傅是杀害她父母的凶手，为了报仇一不小心将自己的命搭进去了。等她再次醒来的时候，竟然成了被人扔进护城河里的小公主慕容熙了。重活一次的她，回到宫中狠虐杀害她母后的凶手。谁知道惹上了阴晴不定的嗜血王爷。为了救皇上受了暗伤，虽然位高权重，却不能娶妻生子。在慕容熙眼中这位就是个太监王爷。
                            谁告诉他，太监怎么会缠上她的......呜呜，救命啊！〕</P>
                        <P>〔作为一个作死自己且执迷不悟的恶毒女配，姜念娇发现自己重生了，然而与重生一起配套的还有一个自称磕cp系统的团子。
                            于是戾气超重的姜念娇被迫走上了磕cp的道路。
                            她每天都在为推进男女主的恋爱进程而努力。
                            男主母亲阻碍男女主在一起她劝！
                            男主的追求者欺负女主她帮！
                            反派喜欢女主她上！
                            只是反派最近看她的眼神怎么越来越不对劲。
                            说好的磕cp呢？
                            为什么自己也要走上营业的道路。〕</P>
                        <P>〔太皇太后高踞凤座，静观风起云涌；太后1号先帝发妻，一心一意扶持外戚；
                            太后2号皇帝原嫡母，心机深沉，隐忍待发；太后3号皇帝生母，深居简出，心思莫名；
                            皇后三代主持中宫，贵妃背靠权宦，淑妃出自保皇党，悦妃是帝王青梅，瑶宁夫人受荐摄政王，六宫妃嫔争宠之余天天无间道。
                            噢还有先被抱养后被过继登基八年还在“专心向学”的淳嘉帝……
                            当然必须提的是云·不搞事不舒服·不搞事不可能·大佬·风篁。
                            众后妃一起哭：这后宫真TM有毒！！！〕</P>
                    </div>
                    <div class="swp-txtcon">
                        <P style="color: #FF0025; font-size: 16px; font-weight: 600; margin-left: 5px;">早安，我的小甜妻！</P>
                        <P>〔五年前她因被妹妹设计与丈夫离婚，带着腹中孩子远走异国，五年后回来却又与他纠缠不清。
                            这前夫拥有一身变脸好技能啊！人前霸道高冷，人后无耻耍赖。
                            求婚？
                            “我又不是只有你一个选择。”
                            她万千千早就不是五年前的她了。〕</P>
                        <P>〔新婚之夜，苏挽歌在婚房发愁。
                            “我不会浓情蜜意……”
                            “所有情话我来说。”顾墨轩说。
                            “我不会温婉亲昵……”
                            “所有宠溺我来主导。”顾墨轩说。
                            “我……不会女人那个时候发出的特别声音……”
                            这次，顾墨轩什么都没说。

                            第二天，苏挽歌扶着快断的老腰：
                            啊啊啊，她可不知道顾墨轩所谓的教你是这么身体力行！
                            说好的协议结婚，为什么每天这么脸红心跳黄暴到脚软？
                            苏挽歌把协议一撕，老娘要逃婚！
                            撕毁协议以后，可就只剩下真结婚了！
                            顾墨轩看着驮着包包利落翻墙的身影，揣着真结婚证堵老婆去啦！〕</P>
                        <P>〔亲姐姐把自己送上总裁床，亲爸爸亲手给自己下了药。从此我六亲不认！上错床的霸道总裁没想到却是面冷心热，竟然带我回家讨公道！我沈时终有一天要让沈家鸡犬不宁！一场阴谋，尽让沈时意外抱上江玦黎总裁的大粗腿，从此灰姑娘变身腹黑公主，走上一条攻略总裁之路！〕
                        </P>
                    </div>
                </div>
            </div>
            <div class="tj">
                <div class="news">
                    <p>强力推荐榜</p>
                    <div class="news-nr"  >
                        <img src="./img/bz.jpeg" alt="" onclick="ju()">
                        <!--  -->
                        <div class="bj" >
                            <p onclick="ju()">病总陆少宠妻如命</p>
                            <p style="font-size: 12px; color: #888888; font-weight: normal;  padding: 0;" onclick="diji()">日出西方</p>
                        </div>
                    </div>
                    <ul class="new-lists">
                        <li onclick="ju()">
                            <span></span>
                            镇国王妃
                        </li>
                        <li onclick="ju()">
                            <span></span>
                            殿上奴
                        </li>
                        <li onclick="ju()">
                            <span></span>
                            神偷世子妃
                        </li>
                        <li onclick="ju()">
                            <span></span>
                            报告，禁欲大佬又被撩到沦陷了
                        </li>

                        <li onclick="ju()">
                            <span></span>
                            江湖有间八卦社
                        </li>
                        <li onclick="ju()">
                            <span></span>
                            王爷总惦记我的游戏背包
                        </li>
                        <li>
                            <span></span>
                            王爷有疾卿可治
                        </li>
                        <li onclick="ju()">
                            <span></span>
                            弟弟凶猛：男神走位有点狂
                        </li>
                        <li onclick="ju()">
                            <span></span>
                            嫡女重生后每天都在打脸
                        </li>
                    </ul>

                </div>
            </div>
        </div>
        <div class="commond">

            <div class="comd-left">
                <div class="cl-tit">重磅推荐
                </div>
                <div class="com-swip" style="margin-top: 30px;">
                    <div class="imgs">


                        <img src="./img/0.jpeg" class="ims one" id="one" alt="1" />


                        <img src="./img/1.jpeg" class="ims two init" id="two" alt="2" />
                        <img src="./img/2.jpeg" class="ims three" id="three" alt="3" />


                    </div>

                </div>
                <div class="comd-wbs">

                    <p class="wbs-a"  onclick="ju()">总裁宠妻百分百</p>
                    <p class="wbs-b" onclick="diji()">无墨兮</p>
                    <p class="wbs-c">现代言情&nbsp;<span style="color: #E6E6E6;">|</span>&nbsp;<span>393.4万字</span></p>
                    <p class="wbs-d">送个外卖而已，遇上神经病男人，被欺负得一塌糊涂。
                        想忘记那些黑历史，再也不要看见那个瘟神，可总裁大人偏偏阴魂不散的找上门来。
                        高高在上的总裁大人也会遭遇催婚，干脆把小丫头娶回来好好调教。
                        可是，这丫头简直就是制造麻烦的专业户。放下几千亿的生意给她善后不说，还要陪着她一起丢人现眼。苍天啊！
                        咦！这是神马情况？小丫头竟然桃花连连，送情书的、送玫瑰的，还有送房产证求婚的……愁的总裁大人要吐血了！神啊！那是我的私宠小娇妻，谁都不许染指！</p>
                    <div>立即阅读</div>

                </div>
            </div>
            <div class="comd-md">
                <p class="md-title" onclick="ju()">本周女主笔红人</p>
                <div class="md-big">
                    <div class="md-lit">
                        <img src="./img/md-a.jpeg" alt="">
                        <div class="md-left">
                            <p class="md-tit" onclick="ju()">天生绝配：恶魔影帝纯禽妻</p>
                            <p class="md-wbs">
                                百里天骄，致力于离婚的影视小透明。
                                要真爱，不要变态，她的要求就这么简单，
                                但是她的人生从小被薄凉那个大尾巴狼预定！

                                于是她的日常就是：
                                气薄凉，黑薄凉，怼薄凉粉丝！
                                一天作死八百遍，每天都有人许愿百里天骄滚出娱乐圈！

                                就是这样，百里天骄一路作上了影后位置，
                                从此过上了天天跟小鲜肉组CP，每天跟当红小生传绯闻的日子
                                ……才怪！

                                从此继续，天天出门花式惹事生非，进门被欺压的腰酸背痛地生活。
                                薄凉一把捏住百里天娇的下巴：想离婚，下辈子都不要想！
                            </p>
                            <div class="md-bot">
                                <span class="bl" onclick="diji()">百里繁晴</span>
                                <span class="md-type">现代言情</span>
                            </div>
                        </div>

                    </div>
                    <div class="md-lit" style="margin-left: 22px;">
                        <img src="./img/md-b.jpeg" alt="">
                        <div class="md-left">
                            <p class="md-tit" onclick="ju()">王牌老公，上车吗？</p>
                            <p class="md-wbs">
                                他，是龙家长子，身世显赫，实力超群，被人称为龙太子。
                                她，是无法面对现实而离家出走的冰山医生。
                                两人曾经是网络上最好的战友，但却因为意外而失联，再遇时，却是一场山路的飙车赛事之中。
                                意外获得龙太子青睐，究竟是福是祸？栽脏陷害，暗杀明抢，原来太子身边这么热闹？
                                社会你医生姐姐，手稳话不多。
                                亲爱的，上车！看我怎么收拾这群矫情的贱人！
                            </p>
                            <div class="md-bot">
                                <span class="bl" onclick="diji()">应景小蝶</span>
                                <span class="md-type">现代言情</span>
                            </div>
                        </div>
                    </div>
                    <div class="md-lit">
                        <img src="./img/md--c.jpeg" alt="">
                        <div class="md-left">
                            <p class="md-tit" onclick="ju()">天价婚约</p>
                            <p class="md-wbs">
                                醉酒失身，亲人离世，一连串的打击，摧毁了苏沫的世界。为了偿还巨债，她迫不得已出卖自己的婚姻，没想到结婚的当天就沦为下堂妻。六年的时间过去了，命运兜兜转转，让她又再一次落到他手中。禽兽BOSS说：臭丫头，要么一千万还来，要么，乖乖做我的女人！
                                粉丝群：363011332，进群敲门砖为你喜欢的任意角色名。公众微信号：天价婚约。
                            </p>
                            <div class="md-bot">
                                <span class="bl" onclick="diji()">柠檬</span>
                                <span class="md-type">现代言情</span>
                            </div>
                        </div>
                    </div>
                    <div class="md-lit" style="margin-left: 22px;">
                        <img src="./img/md-e.jpeg" alt="">
                        <div class="md-left">
                            <p class="md-tit" onclick="ju()">天降萌宝</p>
                            <p class="md-wbs">
                                “女人，嫁给我。”前脚带着龙凤胎回国，后脚就被霸总壁咚，咦，这霸总长得怎么那么像自己龙凤胎里的儿子？苏暖暖惊了，溜了溜了。谁知当天晚上，传说中的帝国总裁直接登堂入室。“养孩子需要花钱，而我，有的是钱。”
                            </p>
                            <div class="md-bot">
                                <span class="bl" onclick="diji()">卷心菜工</span>
                                <span class="md-type">现代言情</span>
                            </div>
                        </div>
                    </div>
                    <ul class="md-list">
                        <li onclick="ju()">
                            <div class="md-nod">

                            </div>

                            自请下堂后我富可敌国
                        </li>
                        <li style="padding-left: 22px;" onclick="ju()">
                            <div class="md-nod">

                            </div>
                            穿成团宠的我只想当咸鱼
                        </li>
                        <li onclick="ju()">
                            <div class="md-nod">

                            </div>
                            夫人她披了马甲
                        </li>
                        <li style="padding-left: 22px;" onclick="ju()">
                            <div class="md-nod">

                            </div>
                            嫡女贵不可言
                        </li>
                    </ul>
                </div>
            </div>
            <div class="comd-right">
                <div class="tj">
                    <div class="news">
                        <p>编辑强推榜</p>
                        <div class="news-nr">
                            <img src="./img/bj.jpeg" alt=""  onclick="ju()">
                            <div class="bj">
                                <p onclick="ju()">替嫁医妃子是大佬</p>
                                <p style="font-size: 12px; color: #888888; font-weight: normal;  padding: 0;"  onclick="diji()">百里姬</p>
                            </div>

                        </div>
                        <ul class="new-lists">
                            <li onclick="ju()">
                                <span></span>
                                我靠打铁招纨绔小将军为婿
                            </li>
                            <li onclick="ju()">
                                <span></span>
                                嫡女归来：侯门毒妃
                            </li>
                            <li>
                                <span></span>
                                朕的丞相有喜了
                            </li>
                            <li onclick="ju()">
                                <span></span>
                                绝症封心后，温小姐顶替了白月光
                            </li>

                            <li onclick="ju()">
                                <span></span>
                                传说中的千岁大人
                            </li>
                            <li>
                                <span></span>
                                贤妻倾城：夫君请接嫁
                            </li>
                            <li onclick="ju()">
                                <span></span>
                                买个总裁来养娃
                            </li>
                            <li onclick="ju()">
                                <span></span>
                                追夫有术：这个男人归我
                            </li>
                            <li onclick="ju()">
                                <span></span>
                                凶萌甜妻在线撒糖
                            </li>
                        </ul>

                    </div>
                </div>
            </div>

        </div>
        <div class="tabs">
            <div class="tabsa">
                <div class="tabs-md">
                    <p class="tabs-tit">周点击榜</p>
                    <p class="tabs-more">更多
                        <span>
                            <img src="./img/more-2.png" alt="">
                        </span>
                    </p>
                </div>
                <div class="tabsline"></div>
                <div class="tabs-top">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit" onclick="ju()">离婚后她惊艳了世界</p>
                        <p class="tabTop-author"  onclick="diji()">明婳</p>
                        <p class="tabTop-num">169188&nbsp;点击数</p>
                    </div>
                    <img src="./img/TOP1.jpeg" alt=" 11" onclick="ju()">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs">孩子谁爱生谁生，我勾帝心夺凤位</div>
                    <div class="Topnum">183817</div>
                </div>

                <div class="Toplist">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs">皇叔借点功德，王妃把符画猛了</div>
                    <div class="Topnum">134881</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs">渣夫别跪了，夫人嫁顶级大佬啦</div>
                    <div class="Topnum">126729</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs">抢我姻缘？转身嫁暴君夺后位</div>
                    <div class="Topnum">117863</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs">咬春靥</div>
                    <div class="Topnum">84633</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs">顾总，你前妻在科研界杀疯了！</div>
                    <div class="Topnum">78912</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs">全家夺我军功，重生嫡女屠了满门</div>
                    <div class="Topnum">60296</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs">被贵妃配给太监当对食后</div>
                    <div class="Topnum">147278</div>
                </div>
                <div class="Toplist" style="border-bottom: none;">
                    <div class="TopRanks">10</div>
                    <div class="Topwbs">为奴三年后，整个侯府跪求我原谅</div>
                    <div class="Topnum">45740</div>
                </div>
            </div>
            <div class="tabsa">
                <div class="tabs-md">
                    <p class="tabs-tit">24小时更新榜</p>
                    <p class="tabs-more">更多
                        <span>
                            <img src="./img/more-2.png" alt="">
                        </span>
                    </p>
                </div>
                <div class="tabsline"></div>
                <div class="tabs-top">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit" onclick="ju()">七零资本大小姐，掏空祖宅嫁军少宠疯了</p>
                        <p class="tabTop-author" onclick="diji()">见晞</p>
                        <p class="tabTop-num">54.8&nbsp;点击数</p>
                    </div>
                    <img src="./img/Top2.jpeg" alt=" 11" onclick="ju()">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs">婚前当宝婚后草，离婚不伺候了</div>
                    <div class="Topnum">宇睿麻麻</div>
                </div>

                <div class="Toplist">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs">被PUA三年，我改嫁大佬让渣前夫破产</div>
                    <div class="Topnum">一半清欢</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs">被相府抛弃后，她成了太子心尖宠</div>
                    <div class="Topnum">棒棒堂</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs">为质三年，侯府上下跪求原谅？晚了！</div>
                    <div class="Topnum">小白蜡笔</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs">泥中的青春</div>
                    <div class="Topnum">赫连心心</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs">倒贴十年捂不热，离开改嫁他疯了</div>
                    <div class="Topnum">舞雪</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs">八零：冷战四年，丈夫带回了白月光</div>
                    <div class="Topnum">写不明白</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs">高冷校草捂不热，热恋竹马他悔了！</div>
                    <div class="Topnum">姜淼淼淼</div>
                </div>
                <div class="Toplist" style="border-bottom: none;">
                    <div class="TopRanks">10</div>
                    <div class="Topwbs">雪夜活埋后，我夺了假千金凤命</div>
                    <div class="Topnum">柠檬小丸子</div>
                </div>
            </div>
            <div class="tabsa">
                <div class="tabs-md">
                    <p class="tabs-tit">畅销榜</p>
                    <p class="tabs-more">更多
                        <span>
                            <img src="./img/more-2.png" alt="">
                        </span>
                    </p>
                </div>
                <div class="tabsline"></div>
                <div class="tabs-top">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit" onclick="ju()">离婚后她震惊了世界</p>
                        <p class="tabTop-author" onclick="diji()">一个乌龟蛋</p>
                        <p class="tabTop-num">15424&nbsp;万字</p>
                    </div>
                    <img src="./img/TOP1.jpeg" alt=" 11" onclick="ju()">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs">婚后偏宠</div>
                    <div class="Topnum">5608</div>
                </div>

                <div class="Toplist">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs">一叶知秋：龙城故事</div>
                    <div class="Topnum">5222</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs">穿到七零，被下乡的高冷知青宠上天</div>
                    <div class="Topnum">4353</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs">公主在上,太傅别乱来</div>
                    <div class="Topnum">4228</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs">乖张</div>
                    <div class="Topnum">4222</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs">皇后谁爱当谁当，我嫁权臣横着走</div>
                    <div class="Topnum">4045</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs">港城来了个资本家小姐，残疾大佬宠疯！</div>
                    <div class="Topnum">4009</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs">重回极寒前，我靠空间囤货杀疯了</div>
                    <div class="Topnum">4005</div>
                </div>
                <div class="Toplist" style="border-bottom: none;">
                    <div class="TopRanks">10</div>
                    <div class="Topwbs">奉旨和亲后，父皇和未婚夫悔疯了</div>
                    <div class="Topnum">3915</div>
                </div>
            </div>
            <div class="tabsa">
                <div class="tabs-md">
                    <p class="tabs-tit">周点击榜</p>
                    <p class="tabs-more">更多
                        <span>
                            <img src="./img/more-2.png" alt="">
                        </span>
                    </p>
                </div>
                <div class="tabsline"></div>
                <div class="tabs-top">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit" onclick="ju()">老实人,但海王渣女</p>
                        <p class="tabTop-author" onclick="diji()">一个乌龟蛋</p>
                        <p class="tabTop-num">15425&nbsp;人气数</p>
                    </div>
                    <img src="./img/Top3.jpeg" alt=" 11" onclick="ju()">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs">孩子谁爱生谁生，我勾帝心夺凤位</div>
                    <div class="Topnum">183817</div>
                </div>

                <div class="Toplist" style="border-bottom: none;">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs">皇叔借点功德，王妃把符画猛了</div>
                    <div class="Topnum">134881</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs">渣夫别跪了，夫人嫁顶级大佬啦</div>
                    <div class="Topnum">126729</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs">抢我姻缘？转身嫁暴君夺后位</div>
                    <div class="Topnum">117863</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs">咬春靥</div>
                    <div class="Topnum">84633</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs">顾总，你前妻在科研界杀疯了！</div>
                    <div class="Topnum">78912</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs">全家夺我军功，重生嫡女屠了满门</div>
                    <div class="Topnum">60296</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs">被贵妃配给太监当对食后</div>
                    <div class="Topnum">147278</div>
                </div>
                <div class="Toplist" style="border-bottom: none;">
                    <div class="TopRanks">10</div>
                    <div class="Topwbs">为奴三年后，整个侯府跪求我原谅</div>
                    <div class="Topnum">45740</div>
                </div>
            </div>
        </div>

        <div class="Cont">
            <div class="Content">
                <div class="Contss">
                    <div class="Conts-a">
                        <div class="cont-tit">
                            <img width="23" height="24" src="./img/conlove.png" alt="">
                            <span>古代言情</span>

                        </div>
                        <div class="cont-con">
                            <div class="conone">
                                <img src="./img/con-pica.jpeg" alt="">
                                <p>权宠娇娘</p>
                            </div>
                            <ul class="contwo">
                                <li>
                                    <span>
                                        〔权谋〕
                                    </span>
                                    <p>盛世芳华：嫡女不吃素</p>
                                </li>
                                <li>
                                    <span>
                                        〔权谋〕
                                    </span>
                                    <p>快穿之女配要翻天</p>
                                </li>
                                <li>
                                    <span>
                                        〔情缘〕
                                    </span>
                                    <p>倾城女侍卫，太子硬核宠</p>
                                </li>
                                <li>
                                    <span>
                                        〔宫斗〕
                                    </span>
                                    <p>圣恩隆宠，重生第一女神探</p>
                                </li>
                                <li>
                                    <span>
                                        〔宫斗〕
                                    </span>
                                    <p>侯门嫡女:一世盛欢</p>
                                </li>
                                <li>
                                    <span>
                                        〔权谋〕
                                    </span>
                                    <p>连枝锦</p>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="Conts-a">
                        <div class="cont-tit">
                            <img width="23" height="24" src="./img/con2.png" alt="">
                            <span>都市言情</span>

                        </div>
                        <div class="cont-con">
                            <div class="conone">
                                <img src="./img/conc.jpeg" alt="">
                                <p>蚀骨宠婚：陆少，别贪睡</p>
                            </div>
                            <ul class="contwo">
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>甜妻密爱：总裁大人别宠我</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>重生蜜爱：傅少宠妻请低调</p>
                                </li>
                                <li>
                                    <span>
                                        〔年代〕
                                    </span>
                                    <p>八零随军大东北，霍团长爬炕轻哄娇娇</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>穿书后我被迫成为全城公敌</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>穆少追妻请排队</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>婚令告急：少夫人又要离婚</p>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>


                <div class="Conts">
                    <div class="Conts-a">
                        <div class="cont-tit">
                            <img width="23" height="24" src="./img/flower.png" alt="">
                            <span>幻想时空</span>

                        </div>
                        <div class="cont-con">
                            <div class="conone">
                                <img src="./img/cond.jpeg" alt="">
                                <p>紫眸逆天：废柴大小姐</p>
                            </div>
                            <ul class="contwo">
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>昼夜靡靡</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>豪门虐恋：总裁的心尖宠爱</p>
                                </li>
                                <li>
                                    <span>
                                        〔异世〕
                                    </span>
                                    <p>星际兽世：姐魅力跟武力都拉满了</p>
                                </li>
                                <li>
                                    <span>
                                        〔仙侠〕
                                    </span>
                                    <p>邪王，请放过</p>
                                </li>
                                <li>
                                    <span>
                                        〔校园〕
                                    </span>
                                    <p>林少的恋爱交响曲</p>
                                </li>
                                <li>
                                    <span>
                                        〔仙侠〕
                                    </span>
                                    <p>称帝二字，老娘都说倦了</p>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="Conts-a">
                        <div class="cont-tit">
                            <img width="23" height="24" src="./img/flowera.png" alt="">
                            <span>精彩推荐</span>

                        </div>
                        <div class="cont-con">
                            <div class="conone">
                                <img src="./img/cone.jpeg" alt="">
                                <p>秦总入戏太深：老婆我输了</p>
                            </div>
                            <ul class="contwo">
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>制霸娱乐圈：影帝有毒</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>名媛公敌：抱走总裁不客气</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>寒门药娘的自我修养</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>替婚娇妻甜又飒</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>讨伐渣男完全手册</p>
                                </li>
                                <li>
                                    <span>
                                        〔总裁〕
                                    </span>
                                    <p>厨娘当道：将军，请接招！</p>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="Conts"></div>
            </div>
            <div>
                <div class="con-rig">
                    <p class="autos">新晋作家榜</p>
                    <p class="conwbs">
                        <span class="conones">1</span> 重生之门：时间褶皱里的救赎
                    </p>
                </div>
                <div class="con-rigs">
                    <div class="lineCon">
                        <p class="autosd">——作者指引——</p>
                        <p class="conwbsd">
                            注册>发表作品>申请签约>获得稿酬
                        </p>
                    </div>
                    <div style="margin-top: 20px;">
                        <p class="autosd">——读者指引——</p>
                        <p class="conwbsd">
                            注册>阅读>充值>升级VIP>订阅
                        </p>
                    </div>

                </div>

            </div>


        </div>

        <p class="button-wbs">经典完本</p>
        <div class="buttom">

            <div class="buttom-con">
                <img src="./img/buttona.jpeg" alt="">
                <p class="buttomTit">厉少的天价契约妻</p>
                <p class="buttomlit"  onclick="diji()">微微透心凉</p>
                <p class="buttomtype">〔现代言情〕</p>
                <span>完本</span>
            </div>
            <div class="buttom-con">
                <img src="./img/wba.jpeg" alt="">
                <p class="buttomTit">民国缠情：三爷宠妻入骨</p>
                <p class="buttomlit" onclick="diji()">素馨</p>
                <p class="buttomtype">〔古代言情〕</p>
                <span>完本</span>
            </div>
            <div class="buttom-con">
                <img src="./img/wbb.jpeg" alt="">
                <p class="buttomTit">不负光阴不负卿</p>
                <p class="buttomlit" onclick="diji()">马家小生</p>
                <p class="buttomtype">〔古代言情〕</p>
                <span>完本</span>
            </div>
            <div class="buttom-con">
                <img src="./img/wbaa.jpeg" alt="">
                <p class="buttomTit">高能厨娘：带着微信去经商</p>
                <p class="buttomlit"  onclick="diji()">久而酒吱</p>
                <p class="buttomtype">〔古代言情〕</p>
                <span>完本</span>
            </div>
            <div class="buttom-con">
                <img src="./img/wbd.jpeg" alt="">
                <p class="buttomTit">爹地，你缺老婆吗</p>
                <p class="buttomlit"  onclick="diji()">温蔷</p>
                <p class="buttomtype">〔现代言情〕</p>
                <span>完本</span>
            </div>
            <div class="buttom-con">
                <img src="./img/wbe.jpeg" alt="">
                <p class="buttomTit">王爷的一等逆妃</p>
                <p class="buttomlit" onclick="diji()">坏坏猫妖</p>
                <p class="buttomtype">〔古代言情〕</p>
                <span>完本</span>
            </div>
        </div>
        <div class="finally">
            <div class="fin-tit">
                <div class="finnew">最新免费小说更新</div>
                <span style="color: white;">|</span>
                <div class="finvip">最新VIP小说更新</div>
                <div class="finmore">更多
                    <img src="./img/more-2.png" alt="">
                </div>
            </div>

            <div class="finlist">
                <div class="fintop">

                    <span class="fina">类名</span>
                    <span class="finb">书名</span>
                    <span class="finc">章节</span>
                    <span class="find">作者</span>
                    <span class="fine">字数</span>
                    <span class="finf">更新时间</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[幻想言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 我的修仙之旅好像不太正常？！</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 师姐，你听我狡辩！还有这洞府它正经吗？</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">ruos</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.4万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;10:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[古代言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;">今何在第二部之洛水劫 </span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 福祚寺偶遇薛嗣通，石壕村救疾石匠娘</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">田轻安</span>
                    <span class="fine" style="font-size: 14px; color: #999;">4.7万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;19:45</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[衍生言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 使命召唤乙女之进化病毒</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 第三十八章进化与秘密</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">昔柚</span>
                    <span class="fine" style="font-size: 14px; color: #999;">9.4万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;10:10</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[古代言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;">藏狐妃：王爷别追了</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 第四章 狐秘初显朝堂惊</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">林婉兮</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.3万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;13:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[古代言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 丫鬟晋宫女</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 危险一夜</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">仙草有灵</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.8万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;11:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[现代言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 恋爱启航：星光下的秘密</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 第005章 学生会复制的特别准备</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">ruos</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.4万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;10:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[古代言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 本姑娘可是你们江湖的白月光</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 第四章 心湖微澜</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">莲子GX</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.4万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;10:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[现代言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;">花开，人在，香遍边野</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 第二章 卡点大王登场</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">弓长张的张</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.4万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;12:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[幻想言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 我的修仙之旅好像不太正常？！</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 师姐，你听我狡辩！还有这洞府它正经吗？</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">谢尧臣</span>
                    <span class="fine" style="font-size: 14px; color: #999;">5.4万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;16:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[幻想言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 我和魔王打了一百年竟然和好了</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 第四章 新生活，新身份</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">取名字好困难</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.1万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;10:10</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[现代言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 无花果树</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 甜枣</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">木子GX</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.5万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;18:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[幻想言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 我的修仙之旅好像不太正常？！</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 师姐，你听我狡辩！还有这洞府它正经吗？</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">林婉兮</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.9万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;13:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[现代言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 被渣后，我转头嫁给闺蜜的哥哥</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 第十章 感觉被抓包</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">薯鼠QAQ</span>
                    <span class="fine" style="font-size: 14px; color: #999;">1.4万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;1:30</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[幻想言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 玄界尘影</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 初入青云</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">桃酥</span>
                    <span class="fine" style="font-size: 14px; color: #999;">2.4万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;12:20</span>
                </div>
                <div class="fintop">
                    <span class="fina" style="font-size: 14px; line-height: 40px; letter-spacing: 1px;">[古代言情]</span>
                    <span class="finb" style="font-size: 14px; letter-spacing: 1px;"> 听懂兽语后，被皇家全员团宠了</span>
                    <span class="finc" style="font-size: 14px; letter-spacing: 1px;">正文 他简直就是活该</span>
                    <span class="find" style="font-size: 14px; color: #999;"  onclick="diji()">橘子不是橙子</span>
                    <span class="fine" style="font-size: 14px; color: #999;">2.4万</span>
                    <span class="finf" style="font-size: 14px;">08-30&nbsp;11:30</span>
                </div>
            </div>
        </div>
    </div>




    <div class="rankBody">
        <div class="rankleft">
          <p style="height: 35px; color: #FF0025; border-bottom: 1px solid #E6E6E6; font-weight: 700;">人气榜单</p>
          <p style="height: 35px; color: black; font-weight: 700; margin-top: 5px;">作品榜单</p>
          <p onclick="yp()" id="1" class="wbs">
            <img src="./img/rankImg/rankdot.png" alt="">
            月票榜</p>
          <p onclick="yp()" id="2" class="wbs">
             <img src="./img/rankImg/rankdot.png" alt="">
            24小时畅销榜</p>
          <p onclick="yp()" id="3" class="wbs">
             <img src="./img/rankImg/rankdot.png" alt="">
            新书榜</p>
          <p onclick="yp()" id="4" class="wbs">
             <img src="./img/rankImg/rankdot.png" alt="">
            点击榜</p>
          <p onclick="yp()" id="5" class="wbs">
             <img src="./img/rankImg/rankdot.png" alt="">
            推荐榜</p>
          <p onclick="yp()" id="6" class="wbs">
             <img src="./img/rankImg/rankdot.png" alt="">
            捧场榜</p>
          <p onclick="yp()" id="7" class="wbs">
             <img src="./img/rankImg/rankdot.png" alt="">
            完结榜</p>
          <p onclick="yp()" id="8" class="wbs">
             <img src="./img/rankImg/rankdot.png" alt="">
            24小时更新榜</p>
          <div>
            <p style="height: 35px; color: black; font-weight: 700; border-top: 1px solid #E6E6E6; margin-top: 10px;">用户榜单</p>
            <p onclick="xfs()"  class="wbs">
                 <img src="./img/rankImg/rankdot.png" alt="">
                读者消费榜</p>
          </div>
        </div>
        <div class="rankrig">
            
     <div class="rankTop">人气榜单</div>
     <div class="tabsd">
            <div class="tabsa">
                <div class="tabs-md" style="padding-bottom: 10px; border-bottom: 1px solid #E6E6E6;">
                    <p class="tabs-tit">周点击榜</p>
                   
                </div>
              
                <div class="tabs-top">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit" onclick="ju()">离婚后她惊艳了世界</p>
                        <p class="tabTop-author" onclick="diji()">明婳</p>
                        <p class="tabTop-author">[总裁]</p>
                        <p class="tabTop-num" style="margin: 0;">169188万&nbsp;字</p>
                    </div>
                    <img src="./img/TOP1.jpeg" alt=" 11"  onclick="ju()">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs" onclick="ju()">孩子谁爱生谁生，我勾帝心夺凤位</div>
                    <div class="Topnum">183817</div>
                </div>

                <div class="Toplist">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs" onclick="ju()">皇叔借点功德，王妃把符画猛了</div>
                    <div class="Topnum">134881</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs" onclick="ju()">渣夫别跪了，夫人嫁顶级大佬啦</div>
                    <div class="Topnum">126729</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs" onclick="ju()">抢我姻缘？转身嫁暴君夺后位</div>
                    <div class="Topnum">117863</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs" onclick="ju()">咬春靥</div>
                    <div class="Topnum">84633</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs" onclick="ju()">顾总，你前妻在科研界杀疯了！</div>
                    <div class="Topnum">78912</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs">全家夺我军功，重生嫡女屠了满门</div>
                    <div class="Topnum">60296</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs">被贵妃配给太监当对食后</div>
                    <div class="Topnum">147278</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">10</div>
                    <div class="Topwbs">为奴三年后，整个侯府跪求我原谅</div>
                    <div class="Topnum">45740</div>
                </div>
                <div class="Toplist ranktab">
                  <div class="rankmore">更多
                    <img src="./img/rankImg/more-3.png" alt="">
                  </div>
                </div>
            </div>
            <div class="tabsa">
                <div class="tabs-md" style="padding-bottom: 10px; border-bottom: 1px solid #E6E6E6;">
                    <p class="tabs-tit">24小时更新榜</p>
                  
                </div>
               
                <div class="tabs-top">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit" onclick="ju()">七零资本大小姐，掏空祖宅嫁军少宠疯了</p>
                        <p class="tabTop-author"  onclick="diji()">见晞</p>
                          <p class="tabTop-author">[校园]</p>
                        <p class="tabTop-num">54.8&nbsp;点击数</p>
                    </div>
                    <img src="./img/Top2.jpeg" alt=" 11" onclick="ju()">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs" onclick="ju()">婚前当宝婚后草，离婚不伺候了</div>
                    <div class="Topnum">宇睿麻麻</div>
                </div>

                <div class="Toplist">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs" onclick="ju()">被PUA三年，我改嫁大佬让渣前夫破产</div>
                    <div class="Topnum">一半清欢</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs" onclick="ju()">被相府抛弃后，她成了太子心尖宠</div>
                    <div class="Topnum">棒棒堂</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs" onclick="ju()">为质三年，侯府上下跪求原谅？晚了！</div>
                    <div class="Topnum">小白蜡笔</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs" onclick="ju()">泥中的青春</div>
                    <div class="Topnum">赫连心心</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs" onclick="ju()">倒贴十年捂不热，离开改嫁他疯了</div>
                    <div class="Topnum">舞雪</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs" onclick="ju()">八零：冷战四年，丈夫带回了白月光</div>
                    <div class="Topnum">写不明白</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs" onclick="ju()">高冷校草捂不热，热恋竹马他悔了！</div>
                    <div class="Topnum">姜淼淼淼</div>
                </div>
                <div class="Toplist" >
                    <div class="TopRanks">10</div>
                    <div class="Topwbs" onclick="ju()" >雪夜活埋后，我夺了假千金凤命</div>
                    <div class="Topnum">柠檬小丸子</div>
                </div>
                  <div class="Toplist ranktab">
                  <div class="rankmore">更多
                    <img src="./img/rankImg/more-3.png" alt="">
                  </div>
                </div>
            </div>
            <div class="tabsa">
                <div class="tabs-md"  style="padding-bottom: 10px; border-bottom: 1px solid #E6E6E6;">
                    <p class="tabs-tit">畅销榜</p>
                 
                </div>
             
                <div class="tabs-top">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit">剑动仙朝</p>
                        <p class="tabTop-author"  onclick="diji()">一个乌龟蛋</p>
                          <p class="tabTop-author">[玄幻奇幻]</p>
                        <p class="tabTop-num">15424&nbsp;万字</p>
                    </div>
                    <img src="./img/rankImg/yp.jpeg" alt=" 11">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs" onclick="ju()">婚后偏宠</div>
                    <div class="Topnum">5608</div>
                </div>

                <div class="Toplist">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs" onclick="ju()">一叶知秋：龙城故事</div>
                    <div class="Topnum">5222</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs" onclick="ju()">穿到七零，被下乡的高冷知青宠上天</div>
                    <div class="Topnum">4353</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs" onclick="ju()">公主在上,太傅别乱来</div>
                    <div class="Topnum">4228</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs" onclick="ju()">乖张</div>
                    <div class="Topnum">4222</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs" onclick="ju()">皇后谁爱当谁当，我嫁权臣横着走</div>
                    <div class="Topnum" >4045</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs" onclick="ju()">港城来了个资本家小姐，残疾大佬宠疯！</div>
                    <div class="Topnum">4009</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs" onclick="ju()">重回极寒前，我靠空间囤货杀疯了</div>
                    <div class="Topnum">4005</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">10</div>
                    <div class="Topwbs" onclick="ju()">奉旨和亲后，父皇和未婚夫悔疯了</div>
                    <div class="Topnum">3915</div>
                </div>
                  <div class="Toplist ranktab">
                  <div class="rankmore">更多
                    <img src="./img/rankImg/more-3.png" alt="">
                  </div>
                </div>
            </div>
          
        </div>
      <div class="tabsd">
            <div class="tabsa">
                <div class="tabs-md" style="padding-bottom: 10px; border-bottom: 1px solid #E6E6E6;">
                    <p class="tabs-tit">周点击榜</p>
                   
                </div>
              
                <div class="tabs-top" style="height: auto;">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit">离婚后她惊艳了世界</p>
                        <p class="tabTop-author"   onclick="diji()">明婳</p>
                        <p class="tabTop-author">[总裁]</p>
                        <p class="tabTop-num" style="margin: 0;">169188万&nbsp;字</p>
                    </div>
                    <img src="./img/TOP1.jpeg" alt=" 11">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs" onclick="ju()">孩子谁爱生谁生，我勾帝心夺凤位</div>
                    <div class="Topnum">183817</div>
                </div>

                <div class="Toplist">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs" onclick="ju()">皇叔借点功德，王妃把符画猛了</div>
                    <div class="Topnum">134881</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs" onclick="ju()">渣夫别跪了，夫人嫁顶级大佬啦</div>
                    <div class="Topnum">126729</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs" onclick="ju()">抢我姻缘？转身嫁暴君夺后位</div>
                    <div class="Topnum">117863</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs" onclick="ju()">咬春靥</div>
                    <div class="Topnum">84633</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs" onclick="ju()">顾总，你前妻在科研界杀疯了！</div>
                    <div class="Topnum">78912</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs" onclick="ju()">全家夺我军功，重生嫡女屠了满门</div>
                    <div class="Topnum">60296</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs" onclick="ju()">被贵妃配给太监当对食后</div>
                    <div class="Topnum">147278</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">10</div>
                    <div class="Topwbs" onclick="ju()">为奴三年后，整个侯府跪求我原谅</div>
                    <div class="Topnum">45740</div>
                </div>
                <div class="Toplist ranktab">
                  <div class="rankmore">更多
                    <img src="./img/rankImg/more-3.png" alt="">
                  </div>
                </div>
            </div>
            <div class="tabsa">
                <div class="tabs-md" style="padding-bottom: 10px; border-bottom: 1px solid #E6E6E6;">
                    <p class="tabs-tit">24小时更新榜</p>
                  
                </div>
               
                <div class="tabs-top">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit">七零资本大小姐，掏空祖宅嫁军少宠疯了</p>
                        <p class="tabTop-author"  onclick="diji()">见晞</p>
                         <p class="tabTop-author">[校园]</p>
                        <p class="tabTop-num">54.8&nbsp;点击数</p>
                    </div>
                    <img src="./img/Top2.jpeg" alt=" 11">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs" onclick="ju()">婚前当宝婚后草，离婚不伺候了</div>
                    <div class="Topnum">宇睿麻麻</div>
                </div>

                <div class="Toplist">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs" onclick="ju()">被PUA三年，我改嫁大佬让渣前夫破产</div>
                    <div class="Topnum">一半清欢</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs" onclick="ju()">被相府抛弃后，她成了太子心尖宠</div>
                    <div class="Topnum">棒棒堂</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs" onclick="ju()">为质三年，侯府上下跪求原谅？晚了！</div>
                    <div class="Topnum">小白蜡笔</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs" onclick="ju()">泥中的青春</div>
                    <div class="Topnum">赫连心心</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs"     onclick="ju()">倒贴十年捂不热，离开改嫁他疯了</div>
                    <div class="Topnum">舞雪</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs"     onclick="ju()">八零：冷战四年，丈夫带回了白月光</div>
                    <div class="Topnum">写不明白</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs"     onclick="ju()">高冷校草捂不热，热恋竹马他悔了！</div>
                    <div class="Topnum">姜淼淼淼</div>
                </div>
                <div class="Toplist" >
                    <div class="TopRanks">10</div>
                    <div class="Topwbs"     onclick="ju()">雪夜活埋后，我夺了假千金凤命</div>
                    <div class="Topnum">柠檬小丸子</div>
                </div>
                  <div class="Toplist ranktab">
                  <div class="rankmore">更多
                    <img src="./img/rankImg/more-3.png" alt="">
                  </div>
                </div>
            </div>
            <div class="tabsa">
                <div class="tabs-md"  style="padding-bottom: 10px; border-bottom: 1px solid #E6E6E6;">
                    <p class="tabs-tit">畅销榜</p>
                 
                </div>
             
                <div class="tabs-top">
                    <div>
                        <p class="TOP">TOP1</p>
                        <p class="tabTop-tit">剑动仙朝</p>
                        <p class="tabTop-author"  onclick="diji()"> 一个乌龟蛋</p>
                        <p class="tabTop-author">[玄幻奇幻]</p>
                        <p class="tabTop-num">15424&nbsp;万字</p>
                    </div>
                    <img src="./img/rankImg/yp.jpeg" alt=" 11">
                </div>
                <div class="Toplist">
                    <div class="TopRank">2</div>
                    <div class="Topwbs"     onclick="ju()">婚后偏宠</div>
                    <div class="Topnum">5608</div>
                </div>

                <div class="Toplist">
                    <div class="TopRank" style="background-color: #ffa3b2;">3</div>
                    <div class="Topwbs"     onclick="ju()">一叶知秋：龙城故事</div>
                    <div class="Topnum">5222</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">4</div>
                    <div class="Topwbs"     onclick="ju()">穿到七零，被下乡的高冷知青宠上天</div>
                    <div class="Topnum">4353</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">5</div>
                    <div class="Topwbs"     onclick="ju()">公主在上,太傅别乱来</div>
                    <div class="Topnum">4228</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">6</div>
                    <div class="Topwbs"     onclick="ju()">乖张</div>
                    <div class="Topnum">4222</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">7</div>
                    <div class="Topwbs"     onclick="ju()">皇后谁爱当谁当，我嫁权臣横着走</div>
                    <div class="Topnum">4045</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">8</div>
                    <div class="Topwbs"     onclick="ju()">港城来了个资本家小姐，残疾大佬宠疯！</div>
                    <div class="Topnum">4009</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">9</div>
                    <div class="Topwbs"     onclick="ju()">重回极寒前，我靠空间囤货杀疯了</div>
                    <div class="Topnum">4005</div>
                </div>
                <div class="Toplist">
                    <div class="TopRanks">10</div>
                    <div class="Topwbs"      onclick="ju()">奉旨和亲后，父皇和未婚夫悔疯了</div>
                    <div class="Topnum">3915</div>
                </div>
                  <div class="Toplist ranktab">
                  <div class="rankmore">更多
                    <img src="./img/rankImg/more-3.png" alt="">
                  </div>
                </div>
            </div>
          
        </div>
     
   
    </div>

        <div class="rankyp">
             <div class="rankTop">
               <div class="ypcon">
                <div style="display: flex; align-items: center;">
                    <p>月票榜</p>
                    <div class="yptap">
                         <span style="color: #333333;">纵横月票</span>
                         <span style="color: #999999;">新书月票</span>
                    </div>
                </div>
                <div style="display: flex; align-items: center;">
                 
                    <div class="yptime">
                        <select name="" id="">
                            <option value="1">2025-09</option>
                             <option value="1">2025-08</option>
                              <option value="1">2025-07</option>
                               <option value="1">2025-06</option>
                                <option value="1">2025-05</option>
                                 <option value="1">2025-04</option>
                                  <option value="1">2025-03</option>
                                   <option value="1">2025-02</option>
                                            <option value="1">2025-01</option>
                                 <option value="1">2024-12</option>
                                  <option value="1">2024-11</option>
                                   <option value="1">2024-10</option>   <option value="1">2025-09</option>
                                 <option value="1">2024-09</option>
                                  <option value="1">2024-08</option>
                                   <option value="1">2024-07</option>
                        </select>
                    </div>
                    <p class="Go">G0</p>
                      <p class="rule">规则说明</p>
                </div>
               </div>           
                
            </div>
            <div style="border: 1px solid #E6E6E6; " class="box">
                <ul class="rq">
           
              </ul>
                <div class="ranklist">
                    <div class="mid" style="margin: auto; display: flex;">
                    <div class="page color" onclick="yp(1)" id="1">1</div>
                    <div class="page" onclick="yp(2)" id="1">2</div>
                    <div class="page" onclick="yp(3)" id="1">3</div>
                    <div class="page" onclick="yp(4)" id="1">4</div>
                    <div class="page" onclick="yp(5)" id="1">5</div>
                    <div class="page" onclick="yp(6)" id="1">6</div>
                    <div class="page" onclick="yp(7)" id="1">7</div>
                    <div class="page" onclick="yp(8)" id="1">8</div>
                    <div class="page" onclick="yp(9)" id="1">9</div>
                    <div class="page" onclick="yp(10)" id="1">10</div>
                    <div class="page">></div>
                    <p class="tz">跳转到:</p>
                     <input type="text" class="page" name="" value="1" id="onea">
                     <p class="pas" id="1">/10页</p>
                     <div class="page" onclick="yp()" id="1">跳转</div>
                     </div>
                </div> 
            </div>
              
        </div>
         <div class="rankyp">
             <!-- <div class="rankTop">人气榜单</div> -->
             <div class="rankTop">
                <div class="cx">
               <p>畅销榜</p>
                <div class="ranktp">
                    <div class="ranka"></div>
                    <div class="rankb"></div>
                </div>
                </div>
             
            </div>
            <div style="border: 1px solid #E6E6E6; " class="box">
                <ul class="rq">
           
              </ul>
                <div class="ranklist">
                    <div class="mid" style="margin: auto; display: flex;">
                    <div class="page color" onclick="yp(1)" id="2">1</div>
                    <div class="page" onclick="yp(2)" id="2">2</div>
                    <div class="page" onclick="yp(3)" id="2">3</div>
                    <div class="page" onclick="yp(4)" id="2">4</div>
                    <div class="page" onclick="yp(5)" id="2">5</div>
                    <div class="page" onclick="yp(6)" id="2">6</div>
                    <div class="page" onclick="yp(7)" id="2">7</div>
                    <div class="page" onclick="yp(8)" id="2">8</div>
                    <div class="page" onclick="yp(9)" id="2">9</div>
                    <div class="page" onclick="yp(10)" id="2">10</div>
                    <div class="page">></div>
                    <p class="tz">跳转到:</p>
                     <input type="text" class="page" name="" value="1" id="">
                     <p class="pas">/10页</p>
                     <div class="page">跳转</div>
                     </div>
                </div> 
            </div>
            
        </div>
         <div class="rankyp">
             <!-- <div class="rankTop">人气榜单</div> -->
             <div class="rankTop">
                  <div class="ypcon">
                <div style="display: flex; align-items: center;">
                    <p>新书榜</p>
                 
                </div>
                <div style="display: flex; align-items: center;">
                 
                    <div class="yptime">
                        <select name="" id="">
                            <option value="1">2025-09</option>
                             <option value="1">2025-08</option>
                              <option value="1">2025-07</option>
                               <option value="1">2025-06</option>
                                <option value="1">2025-05</option>
                                 <option value="1">2025-04</option>
                                  <option value="1">2025-03</option>
                                   <option value="1">2025-02</option>
                                            <option value="1">2025-01</option>
                                 <option value="1">2024-12</option>
                                  <option value="1">2024-11</option>
                                   <option value="1">2024-10</option>   <option value="1">2025-09</option>
                                 <option value="1">2024-09</option>
                                  <option value="1">2024-08</option>
                                   <option value="1">2024-07</option>
                        </select>
                    </div>
                    <p class="Go">G0</p>
                      <div class="ranka"></div>
                    <div class="rankb"></div>
                </div>
               </div>  
             </div>
             <div style="border: 1px solid #E6E6E6; " class="box">
                <ul class="rq">
           
              </ul>
                <div class="ranklist">
                    <div class="mid" style="margin: auto; display: flex;">
                    <div class="page color" onclick="yp(1)" id="3">1</div>
                    <div class="page" onclick="yp(2)" id="3">2</div>
                    <div class="page" onclick="yp(3)" id="3">3</div>
                    <div class="page" onclick="yp(4)" id="3">4</div>
                    <div class="page" onclick="yp(5)" id="3">5</div>
                    <div class="page" onclick="yp(6)" id="3">6</div>
                    <div class="page" onclick="yp(7)" id="3">7</div>
                    <div class="page" onclick="yp(8)" id="3">8</div>
                    <div class="page" onclick="yp(9)" id="3">9</div>
                    <div class="page" onclick="yp(10)" id="3">10</div>
                    <div class="page">></div>
                    <p class="tz">跳转到:</p>
                     <input type="text" class="page" name="" value="1" id="">
                     <p class="pas">/10页</p>
                     <div class="page">跳转</div>
                     </div>
                </div> 
            </div>
        </div>
         <div class="rankyp">
             <!-- <div class="rankTop">人气榜单</div> -->
             <div class="rankTop">
                    <div class="ypcon">
                <div style="display: flex; align-items: center;">
                    <p>点击榜</p>
                    <div class="yptaps">
                         <span style="font-weight: 400; color: #cdd0d6;">日榜</span>
                         <span>|</span>
                         <span style=" color: #fff;
    letter-spacing: .7px;
    font-weight: 700;">周榜</span>
     <span>|</span>
                         <span style="    font-weight: 400;
    color: #cdd0d6;">月榜</span>
                    </div>
                </div>
                <div style="display: flex; align-items: center;">
                 
                    <div class="yptime">
                        <select name="" id="">
                            <option value="1">2025-09</option>
                             <option value="1">2025-08</option>
                              <option value="1">2025-07</option>
                               <option value="1">2025-06</option>
                                <option value="1">2025-05</option>
                                 <option value="1">2025-04</option>
                                  <option value="1">2025-03</option>
                                   <option value="1">2025-02</option>
                                            <option value="1">2025-01</option>
                                 <option value="1">2024-12</option>
                                  <option value="1">2024-11</option>
                                   <option value="1">2024-10</option>   <option value="1">2025-09</option>
                                 <option value="1">2024-09</option>
                                  <option value="1">2024-08</option>
                                   <option value="1">2024-07</option>
                        </select>
                    </div>
                    <p class="Go">G0</p>
                      <p class="rule">规则说明</p>
                </div>
               </div>  
             </div>
             <div style="border: 1px solid #E6E6E6; " class="box">
                <ul class="rq">
           
              </ul>
                <div class="ranklist">
                    <div class="mid" style="margin: auto; display: flex;">
                    <div class="page color" onclick="yp(1)" id="4">1</div>
                    <div class="page" onclick="yp(2)" id="4">2</div>
                    <div class="page" onclick="yp(3)" id="4">3</div>
                    <div class="page" onclick="yp(4)" id="4">4</div>
                    <div class="page" onclick="yp(5)" id="4">5</div>
                    <div class="page" onclick="yp(6)" id="4">6</div>
                    <div class="page" onclick="yp(7)" id="4">7</div>
                    <div class="page" onclick="yp(8)" id="4">8</div>
                    <div class="page" onclick="yp(9)" id="4">9</div>
                    <div class="page" onclick="yp(10)" id="4">10</div>
                    <div class="page">></div>
                    <p class="tz">跳转到:</p>
                     <input type="text" class="page" name="" value="1" id="">
                     <p class="pas">/10页</p>
                     <div class="page">跳转</div>
                     </div>
                </div> 
            </div>
        </div>
        <div class="rankyp">
             <!-- <div class="rankTop">人气榜单</div> -->
               <div class="rankTop">
                    <div class="ypcon">
                <div style="display: flex; align-items: center;">
                    <p>推荐榜</p>
                    <div class="yptaps">
                         <span style="font-weight: 400; color: #cdd0d6;">日榜</span>
                         <span>|</span>
                         <span style=" color: #fff;
    letter-spacing: .7px;
    font-weight: 700;">周榜</span>
     <span>|</span>
                         <span style="    font-weight: 400;
    color: #cdd0d6;">月榜</span>
                    </div>
                </div>
                <div style="display: flex; align-items: center;">
                 
                   <div class="ranka"></div>
                    <div class="rankb"></div>
                 
                </div>
               </div> 
               </div>
             <div style="border: 1px solid #E6E6E6; " class="box">
                <ul class="rq">
           
              </ul>
                <div class="ranklist">
                    <div class="mid" style="margin: auto; display: flex;">
                    <div class="page color" onclick="yp()" id="5">1</div>
                    <div class="page" onclick="yp()" id="5">2</div>
                    <div class="page" onclick="yp()" id="5">3</div>
                    <div class="page" onclick="yp()" id="5">4</div>
                    <div class="page" onclick="yp()" id="5">5</div>
                    <div class="page" onclick="yp()" id="5">6</div>
                    <div class="page" onclick="yp()" id="5">7</div>
                    <div class="page" onclick="yp()" id="5">8</div>
                    <div class="page" onclick="yp()" id="5">9</div>
                    <div class="page" onclick="yp()" id="5">10</div>
                    <div class="page">></div>
                    <p class="tz">跳转到:</p>
                     <input type="text" class="page" name="" value="1" id="">
                     <p class="pas">/10页</p>
                     <div class="page">跳转</div>
                     </div>
                </div> 
            </div>
        </div>
        <div class="rankyp">
             <!-- <div class="rankTop">人气榜单</div> -->
             <div class="rankTop">
                 <div class="cx">
               <p>捧场榜</p>
                <div class="ranktp">
                    <div class="ranka"></div>
                    <div class="rankb"></div>
                </div>
                </div>
             </div>
             <div style="border: 1px solid #E6E6E6; " class="box">
                <ul class="rq">
           
              </ul>
                <div class="ranklist">
                    <div class="mid" style="margin: auto; display: flex;">
                    <div class="page color" onclick="yp(1)" id="6">1</div>
                    <div class="page" onclick="yp(2)" id="6">2</div>
                    <div class="page" onclick="yp(3)" id="6">3</div>
                    <div class="page" onclick="yp(4)" id="6">4</div>
                    <div class="page" onclick="yp(5)" id="6">5</div>
                    <div class="page" onclick="yp(6)" id="6">6</div>
                    <div class="page" onclick="yp(7)" id="6">7</div>
                    <div class="page" onclick="yp(8)" id="6">8</div>
                    <div class="page" onclick="yp(9)" id="6">9</div>
                    <div class="page" onclick="yp(10)" id="6">10</div>
                    <div class="page">></div>
                    <p class="tz">跳转到:</p>
                     <input type="text" class="page" name="" value="1" id="">
                     <p class="pas">/10页</p>
                     <div class="page">跳转</div>
                     </div>
                </div> 
            </div>
        </div>
        <div class="rankyp">
             <!-- <div class="rankTop">人气榜单</div> -->
              <div class="rankTop">
                   <div class="cx">
               <p>完结榜</p>
                <div class="ranktp">
                    <div class="ranka"></div>
                    <div class="rankb"></div>
                </div>
                </div>
              </div>
           <div style="border: 1px solid #E6E6E6; " class="box">
                <ul class="rq">
           
              </ul>
                <div class="ranklist">
                    <div class="mid" style="margin: auto; display: flex;">
                    <div class="page color" onclick="yp(1)" id="7">1</div>
                    <div class="page" onclick="yp(2)" id="7">2</div>
                    <div class="page" onclick="yp(3)" id="7">3</div>
                    <div class="page" onclick="yp(4)" id="7">4</div>
                    <div class="page" onclick="yp(5)" id="7">5</div>
                    <div class="page" onclick="yp(6)" id="7">6</div>
                    <div class="page" onclick="yp(7)" id="7">7</div>
                    <div class="page" onclick="yp(8)" id="7">8</div>
                    <div class="page" onclick="yp(9)" id="7">9</div>
                 
                    <div class="page">></div>
                    <p class="tz">跳转到:</p>
                     <input type="text" class="page" name="" value="1" id="">
                     <p class="pas">/10页</p>
                     <div class="page">跳转</div>
                     </div>
                </div> 
            </div>
        </div>
            <div class="rankyp">
             <!-- <div class="rankTop">人气榜单</div> -->
               <div class="rankTop">
                   <div class="cx">
               <p>24小时更新榜</p>
                <div class="ranktp">
                    <div class="ranka"></div>
                    <div class="rankb"></div>
                </div>
                </div>
               </div>
            <div style="border: 1px solid #E6E6E6; " class="box">
                <ul class="rq">
           
              </ul>
                <div class="ranklist">
                    <div class="mid" style="margin: auto; display: flex;">
                    <div class="page color" onclick="yp(1)" id="8">1</div>
                    <div class="page" onclick="yp(2)"  id="8">2</div>
                    <div class="page" onclick="yp(3)"  id="8">3</div>
                    <div class="page" onclick="yp(4)"  id="8">4</div>
                    <div class="page" onclick="yp(5)"  id="8">5</div>
                    <div class="page" onclick="yp(6)"  id="8">6</div>
                    <div class="page" onclick="yp(7)"  id="8">7</div>
                    <div class="page" onclick="yp(8)"  id="8">8</div>
                    <div class="page" onclick="yp(9)"  id="8">9</div>
                    <div class="page" onclick="yp(10)"  id="8">10</div>
                    <div class="page">></div>
                    <p class="tz">跳转到:</p>
                     <input type="text" class="page" name="" value="1" id="">
                     <p class="pas">/10页</p>
                     <div class="page">跳转</div>
                     </div>
                </div> 
            </div>
        </div>

          <div class="rankyps">
               <div class="rankTop">
                   <div class="cx">
               <p>读者消费榜</p>
                </div>
               </div>
             
             <ul class="xful">
                   <div class="xftop">
                     <div class="xfa1">排名</div>
                     <div class="xfb2">昵称</div>
                     <div class="xfc3">积分等级</div>
                     <div class="xfd4">VIP等级</div>
                     <div class="xfe5">用户总积分</div>
                     <div class="xff6">捧场作品</div>
                </div>
                <li>
                    <div class="xfa">
                        <div class="xfs"></div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/peoplea.jpeg" alt="">
                        <p>miao2706</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(承议郎)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>1403</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>都市古仙医2:大医镇世</p>
                    </div>
                </li>
                    <li>
                    <div class="xfa">
                        <div class="xfs"></div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/p2.jpeg" alt="">
                        <p>醉卧高原</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(君王)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>324233</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>剑动仙朝</p>
                    </div>
                </li>
                    <li>
                    <div class="xfa">
                        <div class="xfs"></div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/p3.jpeg" alt="">
                        <p>嘻嘻嘻嘻嘻</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(侍御史)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>3115</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>齐天</p>
                    </div>
                </li>
                    <li>
                    <div class="xfa">
                        <div class="xfs">
                            <p>4</p>
                        </div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/p4.png" alt="">
                        <p>步行天下</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(君王)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>143303</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>剑动仙朝</p>
                    </div>
                </li>
                    <li>
                    <div class="xfa">
                        <div class="xfs">
                            <p>5</p>
                        </div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/p5.jpeg" alt="">
                        <p>在星夜月影下吹吹风</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(承议郎)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>11403</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>众仙俯首</p>
                    </div>
                </li>
                    <li>
                    <div class="xfa">
                        <div class="xfs">
                            <p>6</p>
                        </div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/p6.gif" alt="">
                        <p>书友7432</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(中州长史)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>182303</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>弑神仙尊</p>
                    </div>
                </li>
                    <li>
                    <div class="xfa">
                        <div class="xfs">
                            <p>7</p>
                        </div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/p7.jpeg" alt="">
                        <p>书迷金子盆</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(君王)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>15303</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>司马牧羊</p>
                    </div>
                </li>
                    <li>
                    <div class="xfa">
                        <div class="xfs">
                            <p>8</p>
                        </div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/p8.jpeg" alt="">
                        <p>仙儿天下第一</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(太史令)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>143303</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>仙众浮沉</p>
                    </div>
                </li>
                    <li>
                    <div class="xfa">
                        <div class="xfs">
                            <p>9</p>
                        </div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/p10.jpeg" alt="">
                        <p>将将信鱼</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(君王)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>1087</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>从军赋</p>
                    </div>
                </li>
                    <li>
                    <div class="xfa">
                        <div class="xfs">
                            <p>10</p>
                        </div>
                    </div>
                    <div class="xfb">
                        <img src="./img/rankImg/p11.jpeg" alt="">
                        <p>断章太狗了快更新</p>
                    </div>
                    <div class="xfc">
                        <img src="./img/rankImg/star.png" alt="">
                       <p>(六部尚书)</p>
                    </div>
                    <div class="xfd">
                        <img src="./img/rankImg/lv5.gif" alt="">
                    </div>
                    <div class="xfe"><p>4303</p></div>
                    <div class="xff">
                      <span>1</span>
                     <p>剑动仙朝</p>
                    </div>
                </li>
              </ul>
        </div>
    </div>
    <div class="navig">

        <div class="sug">意见
            <br>
            反馈
        </div>
        <div class="zt"></div>
        <div class="kef"></div>
        <div class="sugTop" onclick="backs()"></div>
    </div>
    </div>
    <div class="tops">
        <div class="tp">
            <img src="./img/logos.png" alt="">
            <div class="tpa">
                <span onclick="index()">首页</span>
                <span>分类</span>
                <span onclick="rank()">排行</span>
                <span onclick="rank1()">书库</span>
                <span onclick="rank1()">完本</span>
                <span onclick="rank5()">作者专区</span>
            </div>
            <input placeholder="首席霸总二手妻" class="tpsearch" type="text" name="" id="">
            <div class="sea" onclick="to()"></div>
            <div class="tprig">
                <span onclick="rank5()">登录</span>
                <span>注册</span>
                <div style="display: flex; align-items: center;">
                    <span class="tpris" style="margin: 0;"></span>
                    <p style="font-size: 13px; display: block; ">充值</p>

                </div>
            </div>
        </div>


    </div>
    </div>
</body>

<script src="./js/swiper-3.4.2.min.js"></script>
<script src="./js/first.js"></script>

<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30,
        loop: true,
        autoplay: 3000
    });
    let i = 0
    let imgs = document.querySelectorAll('.ims')
    console.log(imgs);
    let wbs = document.querySelector('.comd-wbs')
    setInterval(() => {
        if (i == 0) {
            imgs[1].classList.remove('init')
            imgs[1].classList.remove('active')
            imgs[0].classList.remove('one')
            imgs[0].classList.remove('secb')
            imgs[0].classList.add('left')


            imgs[1].classList.remove('two')
            imgs[1].classList.remove('sec')
            imgs[1].classList.add('rigs')
            //   imgs[1].classList.add('active')

            imgs[2].classList.remove('three')
            imgs[2].classList.remove('seca')
            imgs[2].classList.add('mds')
            imgs[2].classList.add('active')
            wbs.innerHTML = `
            
              <p class="wbs-a" onclick="ju()">庶女无敌：挡我者跪</p>
                <p class="wbs-b" onclick="diji()">漱芳斋丫环</p>
                <p class="wbs-c">古代言情&nbsp;<span style="color: #E6E6E6;">|</span>&nbsp;<span>382.2万字</span></p>
                 <p class="wbs-d">二十一世纪的孤女，竟一朝穿越异世沦为庶女。
　岂料刚刚醒来，就挨了一记耳光！
  嫡妹迫害、刁奴下毒、娘亲危在旦夕……
  穷困潦倒走投无路的她，就在此时从天而降高冷世子爷。
  某日，她对着世子爷扔了三个铜板的巨款，一脸笑意，毫不知耻地说道：“我们合作吧！”</p>
   <div >立即阅读</div>
            `




        }
        if (i == 1) {
            imgs[2].classList.remove('active')
            imgs[0].classList.remove('left')
            imgs[0].classList.add('sec')
            imgs[0].classList.add('active')
            imgs[1].classList.remove('rigs')
            imgs[1].classList.add('seca')
            // imgs[1].classList.add('active')
            imgs[2].classList.remove('mds')
            imgs[2].classList.add('secb')

            wbs.innerHTML = `
       <p class="wbs-a" onclick="ju()">龙凤萌宝:总裁大人宠上瘾</p>
                <p class="wbs-b" onclick="diji()">小桃夭夭</p>
                <p class="wbs-c">现代言情&nbsp;<span style="color: #E6E6E6;">|</span>&nbsp;<span>386.2万字</span></p>
                 <p class="wbs-d">五年前，一夜情谜。
五年后，看到照片里跟自己一模一样的龙凤萌娃，江煜城的心都要化掉了。
“五千万，孩子归我，钱归你。”男人独断霸道。
呆萌女娃：“爹地赚钱不就是给妈咪和我们花的吗？”
腹黑男娃：“而且爹地以后的财产都是我们的。”
左欣欣：干得漂亮！
江煜城：……</p>
 <div >立即阅读</div>
      `

        }


        if (i == 2) {
            imgs[0].classList.remove('active')
            imgs[0].classList.remove('sec')
            imgs[0].classList.add('secb')

            imgs[1].classList.add('active')
            imgs[1].classList.remove('seca')
            imgs[1].classList.add('sec')


            imgs[2].classList.remove('secb')
            imgs[2].classList.add('seca')
            // imgs[2].classList.add('active')
            wbs.innerHTML = `
    
       <p class="wbs-a" onclick="ju()">总裁宠妻百分百</p>
                <p class="wbs-b" onclick="diji()">无墨兮</p>
                <p class="wbs-c">现代言情&nbsp;<span style="color: #E6E6E6;">|</span>&nbsp;<span>393.4万字</span></p>
                 <p class="wbs-d">送个外卖而已，遇上神经病男人，被欺负得一塌糊涂。
想忘记那些黑历史，再也不要看见那个瘟神，可总裁大人偏偏阴魂不散的找上门来。
高高在上的总裁大人也会遭遇催婚，干脆把小丫头娶回来好好调教。
可是，这丫头简直就是制造麻烦的专业户。放下几千亿的生意给她善后不说，还要陪着她一起丢人现眼。苍天啊！
咦！这是神马情况？小丫头竟然桃花连连，送情书的、送玫瑰的，还有送房产证求婚的……愁的总裁大人要吐血了！神啊！那是我的私宠小娇妻，谁都不许染指！</p>
    <div >立即阅读</div>   
    `
            i = -1

        }

        // console.log(i);

        i++

    }, 2000);
</script>

</html>